<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body {
				background: skyblue;
			}
			.masked{
				background:url(images/img1.jpg) 50% 100%;
				-webkit-text-fill-color:transparent;
				-webkit-text-stroke:1imagespx orange;
				-webkit-background-clip:text;
				-webkit-animation-name:masked-animation;
				-webkit-animation-duration:4s;
				-webkit-animation-iteration-count:infinite;
				-webkit-animation-timing-function:linear;
				font-size: 60px;
				color:#fff;
			}
			@-webkit-keyframes masked-animation {
			    0% {background-position:right top;}
			    100% {background-position:left top;}
			}
		</style>
	</head>
	<body>
		<div class="masked">
			<span>这是一段可选文字</span>
		</div>
	</body>
</html>